@import '../_config.scss';

.promotions-index{
    margin-top: 20px;

    .item{
        margin-bottom: 30px;

        .item-img-panel{
          display: block;
          height: 350px;
          width: 100%;
          overflow: hidden;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
        }

        .none{
           width: 100%;
           height: 350px;
           cursor: pointer;
           &:hover {
               opacity: 0.7;
           }
       }

        /* img, .none{
            width: 100%;
            height: 350px;
            cursor: pointer;
            &:hover {
                opacity: 0.7;
            }
        } */

        .none{
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          align-items: center;
          border: 1px solid $color-border;
        }

        .info{
            padding: 20px;
            background-color: $color-new-bg;
            h1 {
                font-size: 18px;
                color: #222222;
                margin-top: 0;
                margin-bottom: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                cursor: pointer;
                &:hover {
                    color: $color-private;
                }
            }
            p {
                font-size: 14px;
                color: #666666;
                line-height: 25px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                max-height: 60px;
                min-height: 25px;
                margin-bottom: 0;
            }
        }
    }

    .load-more{
        padding: 15px 0;
        background-color: $color-new-bg;
    }
}
